<template>
	<div style="margin-top: 10px;">
		<el-tabs v-model="activeName">
			<el-tab-pane label="工作流进度" name="wkfActivity">
				<el-table size="mini" stripe border show-overflow-tooltip="true" style="width: 100%" :data="wkfActivityList">
					<el-table-column label="活动名称" prop="name">
					</el-table-column>
					<el-table-column label="创建人" prop="create_by">
					</el-table-column>
					<el-table-column label="更新人" prop="update_by">
					</el-table-column>
					<el-table-column label="开始时间" prop="start_date">
					</el-table-column>
					<el-table-column label="结束时间" prop="end_date">
					</el-table-column>
				</el-table>
			</el-tab-pane>
			<el-tab-pane label="工作流意见" name="wkfComment">
				<el-table size="mini" stripe border show-overflow-tooltip="true" style="width: 100%" :data="wkfCommentList">
					<el-table-column label="创建人" prop="create_by">
					</el-table-column>
					<el-table-column label="创建时间" prop="create_date">
					</el-table-column>
					<el-table-column label="意见" prop="comment">
					</el-table-column>
				</el-table>
			</el-tab-pane>
		</el-tabs>
	</div>
</template>

<script>
	import utils from '@/utils/utils.js';
	export default {
		name: "WorkflowStepsComponent",
		props: ["componentModel", "highlight", "actionScope"],
		data() {
			return {
				wkfActivityList: [],
				wkfCommentList:[],
				activeName: "wkfActivity"
			}
		},
		inject: ['children'],
		mounted() {
			this.children.push(this);
		},beforeUnmount() {
			utils.removeArrayElement(this.children,this);
		},
		methods: {
			setProp(prop) {
				this.wkfActivityList = prop["wkfActivityList"];
				this.wkfCommentList = prop["wkfCommentList"];
			},
		},
	}
</script>

<style>
</style>
